﻿ 
@using (Html.BeginForm("Pay", "Pay"))
{
   <div style="display:block">
        <p style="display:inline-block;"><b>Rent  </b></p>
        <div style="display:inline-block;" id="checkinWrapper" class="input-wrapper">
             <input type="text" id="checkin" name="from" placeholder="From" style="width: 90px" value="">
        </div>
        <div style="display:inline-block;" id="checkoutWrapper" class="input-wrapper">
             <input type="text" id="checkout" name="to" placeholder="To" style="width: 90px" value="">
        </div>
        <p style="display:inline-block;"><b>  with </b></p>
        <button type="submit" name="btnsubmit" value="Rent with " style="display:inline-block; color: transparent;background-color: transparent;border-width: 0px;" title="Rent with PayPal">
            <img style="position:relative; width:64px; height: 64px;" src="~/Images/paypal.png"/>
        </button> 
    </div>        
    <div class="hidden">
        @Html.Hidden("goodId", (int)ViewBag.goodId)
        @Html.Hidden("siteName", (string)ViewBag.Name)
    </div>
}

@section scripts {
    <script type="text/javascript">
            window.onload = function () {            
                new JsDatePick({
                    useMode: 2,
                    target: "checkin",
                    dateFormat: "%d-%M-%Y"               
                });
                new JsDatePick({
                    useMode: 2,
                    target: "checkout",
                    dateFormat: "%d-%M-%Y"
                });              
            };
    </script>
}